// search 的入口函数
$(function name(params) {
    // 解决a不能跳转问题
    mui('body').on('tap', 'a', function () {
        document.location.href = this.href
    });


    $('#back').on('tap', function () {
        window.history.back(-1)
    })
    // 给点击搜索绑定点击事件  
    // 定义一个空的数组

    // var newArr = []
    // $("#btnSearch").on('tap', function () {
    //     var keyword = $('.serach-input').val();
    //     // 数据操作成功之后将其存到数组中去，
    //     // 存到数组中之后，然后将数据存到本地存储中去
    //     newArr.push(keyword)
    //     if (localStorage.getItem('keyword')) {
    //         window.localStorage.setItem('keyword', newArr)
    //         console.log(newArr)
    //     }


    //     if (!keyword) {
    //         // console.log(newArr)
    //         return mui.toast('请输入关键', {
    //             duration: 'long',
    //             type: 'div'
    //         })
    //     }
    //     // 点击按钮将数据放到ul传递过去
    //     // debugger
    //     // 

    // })

    // 处理历史记录的数据渲染 
    // 判断本地存储是否有数据 ，有数据的话，处理掉数据
    // var newKeyword = localStorage.getItem('keyword')
    // console.log(newKeyword)
    $(".search-input").val('');
    // 第二次操作数据 
    $("#btnSearch").on('tap', function () {
        var keywords = $(".search-input").val()
        // 目的是将数据存到本地数据上 
        if (!keywords) {
            return mui.toast('请输入关键字', {
                duration: 'short',
                type: "div"
            })
        }
        console.log(keywords)

        // 首先要判断本地存储上是否有这个数据
        if (localStorage.getItem('kw')) {
            // 将字符串转成数组进行操作
            var kw = JSON.parse(localStorage.getItem('kw'));
            // 如果有数据
            kw.push(keywords)
            // 重新存到数据中去
            localStorage.setItem('kw', JSON.stringify(kw))
        } else {
            localStorage.setItem('kw', JSON.stringify([keywords]))
        }

        // 最后发起重定向
        location.href = "search-list.html?keyword=" + keywords

    })

    // 是时候操作数据渲染了  
    var kws = JSON.parse(localStorage.getItem('kw'));
    console.log(kws)
    if (!kws) {
        return
    }
    var html = template('search-list', {
        data: kws
    })
    // 数据渲染
    $(".mui-table-view").html(html)
    // 清空历史数据
    $(".clearHistory").on('tap', function () {
        console.log('ok')
        // 清空本地存储
        localStorage.clear();
        // 清空页面数据
        $(".mui-table-view").html('')
    })



})